<template>
    <div style="font-size: 14px;">
        <div style="width: 60%;margin: 0 auto;">
            <div style="display: flex;">
                <div style="flex: 1;">
                    <div class="foot-title">帮助中心</div>
                    <div class="foot-item">账户管理</div>
                    <div class="foot-item">购物指南</div>
                    <div class="foot-item">订单操作</div>
                </div>
                <div style="flex: 1;">
                    <div class="foot-title">服务支持</div>
                    <div class="foot-item">账户管理</div>
                    <div class="foot-item">购物指南</div>
                    <div class="foot-item">订单操作</div>
                </div>
                <div style="flex: 1;">
                    <div class="foot-title">线下门店</div>
                    <div class="foot-item">账户管理</div>
                    <div class="foot-item">购物指南</div>
                    <div class="foot-item">订单操作</div>
                </div>
                <div style="flex: 1;">
                    <div class="foot-title">关于茶叶</div>
                    <div class="foot-item">账户管理</div>
                    <div class="foot-item">购物指南</div>
                    <div class="foot-item">订单操作</div>
                </div>
                <div style="flex: 1;">
                    <div class="foot-title">关于我们</div>
                    <div class="foot-item">账户管理</div>
                    <div class="foot-item">购物指南</div>
                    <div class="foot-item">订单操作</div>
                </div>

            </div>
        </div>
        <div style="background-color: #3e3e3e;height: 40px;text-align: center;line-height: 40px;color: #afafaf;">
            申明：本网页仅作者 广州软件学院 张东旭
        </div>
    </div>

</template>

<script>
    export default {
        name:"Bottom"
    }

</script>

<style>
.foot-title{
    height: 40px;
    line-height: 40px;
}
.foot-item{
    height: 25px;
    line-height: 25px;
    color: gray;
}
.foot-item:hover{
    cursor: pointer;
    color: #e37a2f;
}
</style>